<template>
  <div>
    <!--   el-checkbox v-model="变量"
                变量如果是非数组：它的值永远都是true/false,所有选项一起变，只适用于一个选项
                变量如果是数组：它先中某项后，数组会添加该项的label的值 label默认是null,适应用多选项

     -->
    <h3>{{ checked }}</h3>
    <el-checkbox-group v-model="checked">
      <el-checkbox label="系统管理员">系统管理员</el-checkbox>
      <el-checkbox label="人事经理">人事经理</el-checkbox>
    </el-checkbox-group>
    <h3>{{ checked2 }}</h3>
    <el-checkbox v-model="checked2" label="aaa">aaa</el-checkbox>
    <el-checkbox v-model="checked2" label="bbb">bbb</el-checkbox>

  </div>
</template>
<script>
export default {
  data() {
    return {
      checked: [],
      checked2: []
    }
  }
}
</script>
<style>
</style>
